<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function debounce(func, delay) {
            let timer
            return function() {
                const context = this
                const args = arguments
                clearTimeout(timer)
                timer = setTimeout(function() {
                func.apply(context, args)
                }, delay)
            }
        }
        // 假设有一个需要防抖的函数
        function handleInput(value) {
            console.log("Input value:", value)
        }
        // 创建一个带有防抖功能的处理函数
        const debouncedHandleInput = debounce(handleInput, 300)

        // 模拟输入事件触发
        debouncedHandleInput("Hello")
        debouncedHandleInput("World")
        // 等待 300ms 后，只会输出最后一次输入的值 "World"
    </script>
</body>
</html>